/*
 * Wire
 * Copyright (C) 2018 Wire Swiss GmbH
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 *
 */

:root {
  --graphite-dark: #323639;
  --graphite: #8d989f;

  --text-color: #000;
  --border-color: #00000040;

  --sidebar-color: #dce0e3;

  --z-index-webview-close-button: 100;
  --z-index-webview: 1;
  --z-index-webview-hidden: 0;

  --animation-timing-faster: 0.15s;
  --animation-timing-fast: 0.35s;
  --animation-timing-slow: 0.55s;
  --animation-timing-slower: 0.7s;

  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-expo: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
}

.theme-dark {
  --sidebar-color: #000;
  --text-color: #fff;
  --border-color: #ffffff40;
}

body {
  margin: 0;
  height: 100vh;
  width: 100vw;
  background-image: linear-gradient(0, #2391d3, #68b3e0);
  background-repeat: no-repeat;
  font-family: BlinkMacSystemFont, -apple-system, Helvetica Neue, Arial, sans-serif;
  color: var(--text-color);
}

#root {
  width: 100%;
  height: 100%;
}
